<template>
  <div class="map">
    <!-- 面包屑导航 -->
    <mybreadcrumb />

    <div id="container"></div> 
  </div>
</template>

<script setup>

import {onMounted} from 'vue'

onMounted(()=>{
  //实例化地图
  var map = new BMapGL.Map("container");
  //设置地图中心点
  var point = new BMapGL.Point(116.404, 39.915);
  //设置缩放级别
  map.centerAndZoom(point, 12); 
  //开启鼠标滚轮缩放地图
  map.enableScrollWheelZoom(true);
  //设置地图类型为地球模式
  map.setMapType(BMAP_EARTH_MAP);//BMAP_EARTH_MAP 卫星地图
  // map.setMapType(BMAP_NORMAL_MAP); //BMAP_NORMAL_MAP 普通地图
})

</script>

<style scoped>
#container{
  width: 100%;
  height: 500px;
}
</style>